/* Support to Fira Code Font*/
@import url(https://cdn.jsdelivr.net/gh/tonsky/FiraCode@1.207/distr/fira_code.css);

html
{
    font-family: 'Fira Code', monospace;
    font-variant-ligatures: contextual;
    font-size: 12px;
    line-height: 1;
}

section
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.5em;
}

section fieldset
{
    width: 100%;
    max-width: 185px;
    float: left;

    border: 1px solid #CCC;
    border-radius: 1em;
}

/* Center all images of candidates */
img.center
{
    display: block;
    margin: auto;
}

#section-totals fieldset
{
    width: 100%;
    max-width: 600px;
}

#section-options fieldset
{
    display: flex;
    align-content: center;
    justify-content: center;
    width: 100%;
    max-width: 600px;
}

#section-options fieldset button
{
    width: 33%;
    margin-left: 5px;
}

/* Responsive */

/* Buttons */

button
{
    border: none;
    border-radius: 1em;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    width: 100%;
    display: inline-block;
}

.button-blue
{
    background-color: dodgerblue;
    color: white;
}

.button-blue:hover
{
    background-color: cornflowerblue;
}

.button-red
{
    background-color: #F62217;
    color: white;
}

.button-red:hover
{
    background-color: #E77471;
}
